<template>
    <view>
        <uni-table border="true" stripe="true">
            <uni-tr>
                <uni-th align="center" width="50px">业主姓名</uni-th>
                <uni-th align="center" width="50px">房号</uni-th>
                <uni-th align="center" width="50px">项目</uni-th>
                <uni-th align="left" width="50px">缴纳费用</uni-th>
                <uni-th align="left" width="50px">缴纳日期</uni-th>
            </uni-tr>
            <uni-tr
                v-for="item in result"
                :key="item.index"
            >
                <uni-td>{{item.name}}</uni-td>
                <uni-td>{{item.room}}</uni-td>
                <uni-td>{{item.project}}</uni-td>
                <uni-td>{{item.price}}</uni-td>
                <uni-td>{{item.date}}</uni-td>
            </uni-tr>
        </uni-table>
    </view>
</template>
<script>
import { uniTable } from "@dcloudio/uni-ui/lib/uni-table/uni-table.vue";
import { uniTr } from "@dcloudio/uni-ui/lib/uni-tr/uni-tr.vue";
import { uniTh } from "@dcloudio/uni-ui/lib/uni-th/uni-th.vue";
import { uniTd } from "@dcloudio/uni-ui/lib/uni-td/uni-td.vue";
export default{
    data(){
        return{
            result:[
                {
                    index:'0',
                    name:'satsun',
                    room:'b310',
                    project:'水费',
                    price:'56.00元',
                    date:'2020-05-25'
                },
                {
                    index:'1',
                    name:'satsun',
                    room:'b310',
                    project:'物业费',
                    price:'200.00元',
                    date:'2020-04-25'
                }
            ]
        }
    },
    components:{
        uniTable,
        uniTr,
        uniTh,
        uniTd,
    }
}
</script>